import type { DependencyItem } from '@/App'

export const nativeTags: DependencyItem = {
  moduleConfig: [
    {
      moduleName: 'div',
      formPropsConfig: [
        {
          label: '组件样式',
          configType: 'componentStyle',
          value: {
            'style.width': {
              type: 'width',
              title: '宽度',
            },
            'style.height': {
              type: 'height',
              title: '高度',
            },
            'children': {
              type: 'string',
              title: '内容',
            },
            'style.display': {
              type: 'display',
              title: '展示',
              componentProps: {
                valueEnum: {
                  none: 'none',
                  block: 'block',
                  inline: 'inline',
                  inlineBlock: 'inlineBlock',
                  flex: 'flex',
                },
              },
            },
          },
        },
        // {
        //   label: '颜色&字体',
        //   value: {
        //     'style.color': {
        //       type: 'color',
        //       title: '字体颜色',
        //     },
        //     'style.background': {
        //       type: 'color',
        //       title: '背景颜色'
        //     },
        //     "style.fontSize": {
        //       type: 'number',
        //       title: '字体大小'
        //     },
        //   }
        // }
      ],
      defaultProps: {
        children: 'button',
        type: 'primary',
        style: {
          width: 'auto',
          height: 50,
        },
      },
    },
  ],
}
